<!DOCTYPE html>
<html dir="RTL">
<head>
    <link rel="stylesheet" type="text/css" href="stylesheet.css"/>
    <script type="text/javascript" src="jquery-1.7.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $(document).on("click", "#history", function(){
                if($(this).attr("safar") == "l2") {
                alert("إجمالي الأسئلة المجابة ٣٥/٤٠ \n إجمالي نقاط الخبرة ٦٥/٤٠٠ \n إجمالي الزمن ٤٢ دقيقة");
                } else {
                  alert("إجمالي الأسئلة المجابة ٠/٤٠ \n إجمالي نقاط الخبرة ٠/٤٠٠ \n إجمالي الزمن ٠ دقيقة");
                }
            });
            $(document).on("click", "#friends", function ()
            {
                window.location = "friends.html";
            });
            $(document).on("click", "#achievments", function(){
                if($(this).attr("safar") == "l2") {
                alert("أول إجابة صحيحة (تحقق) \n أذكى أصدقائك (لم يتحقق) \n  كل الاجابات صحيحة (لم يتحقق) \n  جاوب اسئلة الدرس في أكل من ١٠ دقائق (لم يتحقق) ");
                } else {
                 alert("أول إجابة صحيحة (لم يتحقق) \n أذكى أصدقائك (لم يتحقق) \n  كل الاجابات صحيحة (لم يتحقق) \n  جاوب اسئلة الدرس في أكل من ١٠ دقائق (لم يتحقق) ");
                }
            });
            $(document).on("click", "#deletehistory", function (){
                var conf = confirm("هل أنت واثق؟ سوف يتم حذف جميع البيانات");
                if(conf == true) {
                    bar = top.document.getElementById("progress");
                    stng = top.document.getElementById("string_painted");
                    info =top.document.getElementById("info");
                    avatar = top.document.getElementById("avatar");
                    $(bar).animate({value:0}, 1000, null, function ()
                    {
                        $(stng).html("مستوى التقدم " + 0 + "%");
                    });
                    $(info).html("");
                    $("#history").attr("safar", "ah");
                    $("#achievments").attr("safar", "ah");
                    $(avatar).attr("src", "default_profilepic.jpg");
                }
            });
        });
    </script>
</head>
<body>
<h1>
    اعدادات
</h1>
<br/>
<button safar="l2" id="history">عرض التاريخ</button>
<button id="deletehistory">حذف جميع البيانات</button>
<button safar="l2" id="achievments">سجل الانجازات</button>
<button id="friends">إعدادات الاصدقاء</button>
</body>
</html>